<template>
  <div id='app'>
    <div class='layout-container'>
      <div class="layout">
        <layout style="height: 100%"></layout>
      </div>
      <div class="layout-content">
        <router-view/>
      </div>
    </div>
  </div>
</template>
<script>
  import Layout from './layout/Layout';

  export default {
    name: 'app',
    components: {Layout}
  }
</script>
<style lang='scss'>
  @import url('./themes/index.scss');

  #app {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .layout-container {
    display: flex;
    height: 100%;
  }

  .layout-container .layout, .layout-container ul {
    height: 100%;
  }

  .layout-content {
    padding-left: 10px;
  }
</style>
